<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>申请开户</title>

<style type="text/css">
.div1{ 
  align:center;  
  border:1px solid white;
  margin-left:300px;
   margin-right:300px;
  line-height:2.5;

}
.div2{
  height:25px;
  width:250px;

}
.div3 a:link {
text-decoration: none;
color:#000000;
}
.div3 a:visited {
text-decoration: none;
color:#8b008b;
}
.div3 a:hover {
text-decoration: none;
color:#800080;
}

</style>
  <script src="../../../js/utils.js"></script>
  <script src="../../../js/jquery-1.11.3.js"></script>
  <script src="../../../js/bootstrap.min.js"></script>
</head>
<body>


<div class="div1" style="padding:0 0 0 14%;background-color:#00CED1; width:520px;height:100px;">
<h2>银行开户申请表（私人账户）</h2>
</div>

<div class="div1" style="padding:2% 8% 0 6%;background-color:#E0FFff;width:520px;height:483px;">
<form>
<font size="4px"> &nbsp;&nbsp;&nbsp; *姓 名：<input class="div2" type="text" id="username" /><br>
&nbsp;&nbsp;*姓名拼音：<input class="div2" type="text" id="username_pinyin" /><br>
&nbsp;&nbsp;*身份证号：<input class="div2"type="text" id="id_number" /><br>
&nbsp;&nbsp;&nbsp; *性 别：&nbsp; <input type="radio" checked="checked" id="sex1"/>男
&nbsp; &nbsp;   <input type="radio" id="sex2" /> 女 <br>
&nbsp;&nbsp;*出生日期：<input class="div2"type="text"  id="date"/><br>
&nbsp;&nbsp;*密    码：<input class="div2"type="text"id="password1" /><br>
&nbsp;&nbsp;*确认密码：<input class="div2"type="text"  id="password2"/><br>
  &nbsp;&nbsp;*常住地区：<input class="div2"type="text" id="address" /><<br>
&nbsp;&nbsp;*手机号码：<input class="div2"type="text" id="phone" /><<br>
</font>
&nbsp; &nbsp;<font size="2px"><input type="checkbox" >我已阅读并清楚知晓<a href="">《银行申请人声明条款》</a>并愿意遵守各项规则。  <br>
<br></font><div class="div3">
<button type="submit" style="height:35px;width:120px;margin-left:21%;">
<font size="3px" face="微软雅黑" class="btn btn-default register">提交申请</font>
</button>
<button style="height:35px;width:120px;margin-left:8%;">
<font size="3px" face="微软雅黑" ><a href="../user.html">返回登录</a></font>
</button></div>
</form>
</div>

<script>
  $(function () {
    $('.register').on('click', function () {
      var r_name = $('#username').val();
      var r_password = $('#password').val();
      var r_id_number = $('#id_number').val();
      var r_phone = $('#phone').val();

      AjaxIO.post("/user/register", {
        username: r_name,
        password: r_password,
        ID_number: r_id_number,
        phone: r_phone
      }, function (result) {
        if (result.message == "success") {
          SetCookie("userId", result.id);
          window.location.href = "user-login1.html";
        }
      });
    });
</script>
</body>
</html>